﻿.Cal
{
    background-image: url('../images/การคำนวณ.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    left: 150px;
    width: 375px;
    height: 235px;
}
.Map
{
    background-image: url('../images/THAI.jpg');
    background-repeat: no-repeat;
}
.south
{
    background-image: url('../images/Map/ใต้.png');
    background-repeat: no-repeat;
    position: relative;
}

.south:Hover
{
    background-image: url('../images/Map/ใต้hover.png');
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
}


.North
{
    background-image: url('../images/Map/n.png');
    background-repeat: no-repeat;
    position: relative;
}

.North:Hover
{
    background-image: url('../images/Map/nn.png');
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
}

.East
{
    background-image: url('../images/Map/e.png');
     background-repeat: no-repeat;
    position: relative;
}

.East:Hover
{
    background-image: url('../images/Map/ee.png');
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
}

.West
{
    background-image: url('../images/Map/w.png');
     background-repeat: no-repeat;
    position: relative;
}

.West:Hover
{
    background-image: url('../images/Map/ww.png');
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
}

.Center
{
    background-image: url('../images/Map/center.png');
    background-repeat: no-repeat;
    position: relative;
}
.Center:Hover
{
    background-image: url('../images/Map/center-hover.png');
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
}
.Northeast
{
    background-image: url('../images/Map/เฉียง.png');
     background-repeat: no-repeat;
    position: relative;
}
.Northeast:Hover
{
    background-image: url('../images/Map/เฉียงhover.png');
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
}



